<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>保险智能分析系统</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="libs/bootstrap/bootstrap.min.css">
<script type="text/javascript" src="libs/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="libs/bootstrap/bootstrap.min.js"></script>
<style>
	body,h3,p{margin: 0;padding: 0;font-family: '微软雅黑';}
	a{
		text-decoration: none;
	}
	img{
		border: 0;
	}
	body{
		background-image: url('image/login_bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;		
	}
	.logo_img{
		width: 150px;
		height: 58px;
		position: fixed;
		top:80px;
		left: 30px;
	}
	.con{
		width: 100%;
	}
	.center_div{
		text-align: center;
		padding-bottom: 45px;
	}	
	.center_div img{
		width: 400px;
		height: 85px;
	}
	.con form{
		width: 390px;
		height: 258px;
		padding-top: 6px;
		margin: 0 auto;
		background: url("image/form_bg.png") no-repeat center/390px 258px;
	}
	.con .input_list{
		width: 100%;
		padding-top: 28px;
		text-align: center;
	}
	.con .tip_list{
		width: 290px;
		margin: 0 auto;
		padding: 10px 0 15px 0;
		font-size: 15px;
		text-align: right;
	}
	.con .tip_list a{
		color: #eee;
	}	
	.con .input_list input{
		width: 300px;
		height: 36px;
		line-height: 36px;
		padding-left: 40px;
		border: 0;
		border-radius: 2px;
		background: #fff;
	}
	.con .input_list input.username{
		background: #eee url("image/user.png") no-repeat left center/36px 36px;
	}
	.con .input_list input.password{
		background: #eee url("image/psw.png") no-repeat left center/36px 36px;
	}	
	.con .btn_div a{
		display: block;
		margin: 0 auto;
		width: 300px;
	}	
	.con .btn_div img{
		width: 100%;
	}
</style>
</head>
<body>
	<img src="image/logo.png" alt="" class="logo_img">
    <div class="con" id="con">
    	<div class="center_div"><img src="image/title_img.png" alt=""></div>
    	<form action="">
    		<div class="input_list">
    			<input type="text" name="username" id="" class="username" placeholder="用户名">
    		</div>
    		<div class="input_list">
    			<input type="text" name="password" id="" class="password" placeholder="密码">
    		</div>
    		<div class="input_list tip_list">
    			<a href="javascript:void(0)">忘记密码？</a>
    		</div>
    		<div class="btn_div">
    			<a href="index.html">
    				<img src="image/login_btn.png" alt="">
    			</a>
    		</div>
    	</form>
    </div>
</body>
<script>
	$(function(){
		//居中
		var _height = $(window).height();
		var div_height = $("#con").outerHeight();
		var _top = (_height - div_height)/2;
		$("#con").css('marginTop',_top+'px');
	});
</script>
</html>